/*public*/
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar:horizontal{height:10px;}
::-webkit-scrollbar-thumb{width:10px;background-color:rgba(0, 0, 0, .5);border:1px solid #333;-webkit-border-radius:10px;}
::-webkit-scrollbar-thumb:hover{border:1px solid #666;}
::-webkit-scrollbar-thumb:active{border:1px solid #999;}
::-webkit-scrollbar-track{background:none;}
::-webkit-scrollbar-track-piece{background:none;border:none;}


html{width:100%;height:100%;display:-webkit-flex;flex-direction:column;}
body{padding:0;font-family:Microsoft YaHei, sans-serif;flex:1;display:-webkit-flex;flex-direction:column;}
ul,li{margin:0;padding:0;}
a{font-size:12px;text-decoration:none;-webkit-app-region:no-drag;-webkit-user-drag:none;cursor:default;}
input,textarea{resize:none;outline:none;}

#titlebar{width:100%;-webkit-user-select:none;-webkit-app-region:drag;}

#main{width:100%;flex:1;-webkit-user-select:none;cursor:default;display:-webkit-flex;flex-direction:column;}

#menubar{width:100%;}
#menubar>ul>li{position:relative;float:left;list-style-type:none;}
#menubar>ul>li>a{display:block;}

#menubar>ul>li>ul{display:none;position:absolute;left:2px;z-index:99;overflow:hidden;}
#menubar>ul>li>ul>li{}
#menubar>ul>li>ul>li>a{}

#menubar>ul>.active>ul{display:block;}

#main #content{width:100%;flex:1;display:-webkit-flex;flex-direction:column;}
#main #content #code{flex:1;border:0;height:100%;display:-webkit-flex;flex-direction:column;}
#main #content #code .editor{flex:1;border:0;height:100%;display:none;}

/* 底部选项卡 */
#main #tabs>li{position:relative;float:left;list-style-type:none;}
#main #tabs>li i{display:block;float:right;width:24px;height:24px;text-align:center;font-family:-webkit-body;}
#main #tabs>li i:before{content:"";top:2px;right:12px;position:absolute;width:20px;height:20px;transform:scale3d(0, 0, 0);backface-visibility:hidden;background-color:rgba(0,0,0,0.1);z-index:0;opacity:0;border-radius:50%;transition:all ease-out .1s;}
#main #tabs>li i:hover:before{transform:scale3d(1, 1, 1);opacity:1;background-color: rgba(255,255,255,0.1);}
#main #tabs>li i:active:before{background-color:rgba(255,255,255,0.2);